* {
  padding: 0;
  margin: 0;
}

html {
  height: 100%;
}
 
body {
    background-image: url(../image/result.png);
    background-size: 100% 100%;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
 
td,th {
    padding: 0;
}
body .login-container {
  width: 18.75rem;
  height: 7.5rem;
  margin-left: 3.31rem;
  margin-top: 2.25rem;
  border-radius: .1875rem;
}
.pure-table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-left: 1.25rem;
    empty-cells: show;
    border: .0125rem solid #cbcbcb;
}
 
.pure-table caption {
    color: #000;
    font: italic 85%/1 arial,sans-serif;
    padding: 1em 0;
    text-align: center;
}
 
.pure-table td,.pure-table th {
    border-left: 1px solid #cbcbcb;
    border-width: 0 0 0 1px;
    font-size: .4rem;
    width: 3.75rem;
    margin: 0;
    overflow: visible;
    
}
 
.pure-table thead {
    background-color: #669933;
    color: #FFFFFF;
    text-align: center;
    vertical-align: bottom;
}
 
.pure-table td {
    background-color: transparent;
}
 
.pure-table-odd td {
    background-color: #99cc99;
    color: #000000;
}